{% layout = "base.html" %}

{-title-}登录{-title-}

{-content-}
<div class="row">
    <div class="col-sm-3">
    </div>
    <div class="col-sm-6">
        <form method="POST">
            <div class="form-group">
                <h3>登录到 ViewLyrics.com</h3>
                <br>
            </div>
            <input hidden name="redirect" type="text" value="{{ redirect }}">
            <div class="form-group row">
                <label for="inputEmail" class="col-sm-4 col-form-label">用户名或者邮箱</label>
                <div class="col-sm-8">
                    <input name="user" type="text" class="form-control" id="inputEmail" placeholder="用户名或者邮箱地址">
                </div>
            </div>
            <div class="form-group row">
                <label for="inputPassword" class="col-sm-4 col-form-label">密码</label>
                <div class="col-sm-8">
                    <input name="password" type="password" class="form-control" id="inputPassword" placeholder="密码">
                </div>
            </div>
            <!-- <div class="form-group row">
                <div class="col-sm-4"></div>
                <div class="col-sm-8">
                <div class="form-check">
                    <input name="keep_sign_in" class="form-check-input" type="checkbox" id="gridCheck1">
                    <label class="form-check-label" for="gridCheck1">
                        Keep me logged in
                    </label>
                </div>
                </div>
            </div> -->
            {% if error ~= '' then %}
                <div class="form-group alert alert-danger" role="alert">
                    {{ error }}
                </div>
            {% end %}
            <div class="form-group row">
                <div class="col-sm-4">
                    <button type="submit" class="btn btn-primary">登录</button>
                </div>
                <div class="col-sm-8">
                    <a href="signup">创建账号</a><br>
                    <a href="password_reset">忘记密码?</a>
                </div>
            </div>
        </form>
    </div>
    <div class="col-sm-3">
    </div>
</div>
{-content-}

{-footer-}

{-footer-}
